<template>
  <div>
    <h1>Hello</h1>

    <p>a: {{ a }}</p>
    <p>b: {{ b }}</p>
    <p>selfMsg: {{ selfMsg }}</p>
  </div>
</template>

<script>
// 使用 mapState 的方式取 store 中 state 的数据

// 1. 引入 mapState . 它在 vuex 这个包里面
import { mapState } from "vuex";

// console.log(Vuex.mapState)
export default {
  // 2. 还是写在计算属性中
  //  mapState 这个函数,会返回一个对象
  // computed: {
  //   a() {
  //     return this.$store.state.a;
  //   },
  //   b() {
  //     return this.$store.state.b;
  //   },

  //   selfMsg() {
  //     return "123";
  //   },
  // },
  computed: {
    ...mapState(["a", "b"]),
    selfMsg() {
      return "123";
    },
  },
};
</script>
